left<template>
  <div class="boss">
    <div class="area-center">
      <head-page
      :title="`${title.type}(${
        title.text.newsArea == null ? '国际' : title.text.newsArea
      })`"
     id="back"
    ></head-page>
    <div class="center ">
      <!-- 省会内容总区域  -->
      <div class="shenghui bold-size">
        <!-- 省会区域 -->
       
        <!-- 内容区域 -->
        <div class="right richText title_word" v-html="list"></div>
      </div>
    </div>
    </div>
  </div>
</template>
  
  <script>
import { NewsByType } from "@/api/index";
export default {
  data() {
    return {
      list: "",
      title: {
        type: "",
        text: "",
      },
    };
  },
  mounted() {
    NewsByType(this.$route.query.id).then((res) => {
      if (res.data.code == 200) {
        this.list = this.dataHTML(res.data.data.newsText);
        this.title.text = res.data.data;
        this.title.type = res.data.data.newsTitle;
      }
    });
  },
  methods: {},
};
</script>
  
  <style scoped>
/* 大盒子区域 */
.boss {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* 版心区域 */
.center {
  min-height: 2rem;
  margin-top: 0.12rem;
}
/* 关注各省的标题 */
.guan {
  height: 0.4rem;
  text-align: center;
  line-height: 0.4rem;
  font-size: 20px;
}
/* 省会总区域 */
.shenghui {
  width: 100%;
}
/* 省会区域 */
.small {
  width: 100%;
  display: flex;
  margin-bottom: 0.07rem;
}
/* 原点区域 */
.left {
  margin: 0.04rem 0.04rem 0 0;
}
.left img {
  width: 0.18rem;
  height: 0.18rem;
}
/* 内容区域 */
.right {
  width: 100%;
  height: 100%;
}
</style>